
const Content = () =>{
	let banner={
		width:"100%",
		height:"480px",
	}
	let banner_auto={
		width:"1347px",
		height:"480px",
		margin:"0 auto",
		position:"reative"
	}
	let banner_img={
		width:"100%",
		height:"100%",	
	}
	let pos={
		width:"900px",
		height:"106px",
		position:"absolute",
		left:"20%",
		top:"500px",
		display:"flex"
	}
	let pos_left={
		width:"300px",
		height:"106px",
		background:"white",
		textAlign:"center"
	}
	let con1={
		width:"100%",
		height:"978px",
	}
	let con1_auto={
		width:"1200px",
		height:"978px",
		margin:"0 auto",
	}
	let tit={
		margin:"0px auto",
		textAlign:"center",
		marginTop:"140px"
	}
	let tit_box={
		width:"1200px",
		height:"500px",
		margin:"40px auto",
		display:"flex",
		justifyContent: "space-between"
	}
	let food={
		width:"290px",
		height:"360px",
		textAlign:"center",
		background:"#f7f7f7",
		marginTop:"50px"
	}
	let food_img={
		width:"288px",
		height:"180px"
	}
	let food_txt={
		color:"grey",
		lineHeight:"10px"
	}
	let con2={
		width:"100%",
		height:"978px",
	}
	let con2_auto={
		width:"1200px",
		height:"978px",
		margin:"0 auto",
	}
	let icon={
		width:"58px",
		height:"62px"
	}
	let user_box={
		width:"290px",
		height:"360px",
		textAlign:"center",
		marginTop:"50px",
	}
	let cont2={
		width:"1200px",
		height:"460px",
		background:"#f3452b",
		margin:"0 auto",
		display:'flex',
		border:"1px solid orange"
	}
	let phone={
		width:"292px",
		height:"390px",
		marginTop:"70px",
		marginLeft:"50px",
	}
	let con2_txt={
		width:"510px",
		height:"150px",
		marginTop:"70px",
		marginLeft:"70px"
	}
	let ewm={
		width:"120px",
		height:'120px',
		marginTop:"230px"
	}
	let con3={
		width:"100%",
		height:"926px",
	}
	let con3_btn={
		width:"100%",
		height:"460px",
		background:"#f5f5f5",
		overflow: "hidden"
	}
	let tit_boxs={
		width:"1200px",
		height:"290px",
		margin:"40px auto",
		display:"flex",
		justifyContent: "space-between"
	}
	let con3_koubei={
		width:"1200px",
		height:"150px",
		margin:"80px auto",
		display:"flex"
	}
	let con3_left={
		width:"400px",
		height:"200px",
	}
	let radius={
		width:"100px",
		height:"100px",
		background:"#333333",
		borderRadius: "50%",
		margin:"0 auto",
	}
	const cont3_btn={
		width:"300px",
		height:"54px",
		lineHeight:"54px",
		textAlign:"center",
		fontSize:"20px",
		margin:"0 auto",
		border:'1px solid gray'
	}
	let con4={
		width:"1200px",
		height:"400px",
		overflow: "hidden",
		background:"url(https://zos.alipayobjects.com/rmsportal/SxxHzBJnaRZhjjqYvRXv.jpg@85q) no-repeat",
		margin:"90px auto",
	}
	let con4_txt={
		width:"920px",
		height:"186px",
		display:"flex",
		justifyContent: "space-between",
		margin:"50px auto"
	}
	let con4_opc={
		width:"445px",
		height:"186px",
		opacity: "0.5",
		background:"#000",		
	}
	let tit_boxss={
		width:"1200px",
		height:"290px",
		margin:"0px auto",
		display:"flex",
		justifyContent: "space-between",
	}
	let con5={
		width:"1200px",
		height:"500px",
		margin:"0px auto",
		display:'flex',
		justifyContent: "space-between",
	}
	let foodx={
		width:"388px",
		height:"388px",
		textAlign:"center",
		background:"#f7f7f7",
		marginTop:"50px"
	}
	let radiuss={
		width:"86px",
		height:"86px",
		background:"url(https://gw.alipayobjects.com/zos/rmsportal/zzWlvfyCPNwaWVXpqJiN.png)",
		borderRadius: "50%",
		margin:"-50px auto"
	}
	return <>
		<div style={banner}>
				<div style={banner_auto}>
					<img style={banner_img} src="https://gw.alipayobjects.com/zos/rmsportal/IoTGZzlFlaXBhYtaYkrR.png@_80q"/>	
				</div>	
		</div>			
				<div style={pos}>
					<div style={pos_left}>
						<p style={ { fontSize:"20px",height:"20px",marginTop:"30px"} }>我是商家</p>
						<p><a>登录</a> <a>入驻</a></p>
					</div>
					 <span style={ { width:"1px",height:"32px",position:"absolute",top:"40px",background:"grey",left:"280px"} }></span>
					<div style={pos_left}>
						<p style={ { fontSize:"20px",height:"20px",marginTop:"30px"} }>我是服务商</p>
						<p><a>登录</a> <a>入驻</a></p>
					</div>
					 <span style={ { width:"1px",height:"32px",position:"absolute",top:"40px",background:"grey",left:"600px"} }></span>
					<div style={pos_left}>
						<p style={ { fontSize:"20px",height:"20px",marginTop:"30px"} }>我是开发商</p>
						<p><a>登录</a> <a>入驻</a></p>
					</div>
				</div>
				<div style={con1}>
					<div style={con1_auto}>
						<h1 style={ tit }>我是商家</h1>
						<div style={tit_box}>
							<div className="food" style={food} >
								<img style={food_img} src="https://zos.alipayobjects.com/rmsportal/acXviXLFTgIScjvRZjyz.jpg"/>
								<h2 style={{marginTop:"50px"}}>餐饮</h2>
								<p style={food_txt}>口碑平台以数据能力，助力商家进行</p>
								<p style={food_txt}>会员关系沉淀和精准化营销</p>
							</div>
							<div style={food}>
								<img style={food_img} src="https://zos.alipayobjects.com/rmsportal/pGMxfCvlFexQUbYMeJyT.jpg"/>
								<h2 style={{marginTop:"50px"}}>泛行业</h2>
								<p style={food_txt}>口碑针对不同行业提供针对性解决</p>
								<p style={food_txt}>方案，包括丽人、KTV、健身等</p>
							</div>
							<div style={food}>
								<img style={food_img} src="https://zos.alipayobjects.com/rmsportal/DGEchaQyPzdwMvbqzzsk.jpg"/>
								<h2 style={{marginTop:"50px"}}>快消与零售</h2>
								<p style={food_txt}>依托大数据，精准触达目标用户，用</p>
								<p style={food_txt}>多样化营销带来客流客单增长</p>
							</div>
							<div style={food} >
								<img style={food_img} src="https://zos.alipayobjects.com/rmsportal/eijKeFVRIkUVawHwwOAa.jpg"/>
								<h2 style={{marginTop:"50px"}}>商业综合体</h2>
								<p style={food_txt}>提供更多线上渠道触达用户，让</p>
								<p style={food_txt}>用户感知到“更懂你”的商圈</p>
							</div>							
						</div>	
						<div style={tit_box}>
										<div className="food" style={user_box} >
											<img src={require("./img/2.jpg").default} style={icon}/>
											<h2 style={{marginTop:"50px"}}>官方顾问体系</h2>
											<p style={food_txt}>160个地级市近千万名小二，365天</p>
											<p style={food_txt}>提供政策咨询，运营指导等服务</p>
										</div>
									<div style={user_box}>
										<img style={icon} src={require("./img/3.png").default}/>
										<h2 style={{marginTop:"50px"}}>生态服务体系</h2>
										<p style={food_txt}>携手运营服务商和生态服务者，提供</p>
										<p style={food_txt}>从入驻口碑、支付接入一系列服务</p>
									</div>
									<div style={user_box}>
										<img style={icon} src={require("./img/4.png").default}/>
										<h2 style={{marginTop:"50px"}}>商户成长体系</h2>
										<p style={food_txt}>口碑学院针对不同商户建立系统化</p>
										<p style={food_txt}>培训体系，帮助商户可持续成长</p>
									</div>
									<div style={user_box} >
										<img style={icon} src={require("./img/5.png").default}/>
										<h2 style={{marginTop:"50px"}}>商业综合体</h2>
										<p style={food_txt}>通过400电话、智能客服及专业服务</p>
										<p style={food_txt}>团队，为商户提供7*24小时服务</p>
									</div>							
								</div>					
							</div>
						</div>		
						<div style={cont2}>
							<img style={phone} src="https://gw.alipayobjects.com/zos/rmsportal/XTqrdQvmGHHNZHsiZcnJ.png"/>
							<div style={con2_txt}>
								<h2 style={ { fontSize:"40px",color:"white"} }>下载口碑掌柜 对账更轻松</h2>
								<p style={ { color:"white",lineHeight:"12px" } }>简易对账——简易对账、入驻开店一体化，简单的操作助力您开店运营自己的生意</p>
								<p style={ { color:"white",lineHeight:"12px"} }>经营参谋——通过大数据分析，为您的生意提供参谋</p>
								<p style={ { color:"white",lineHeight:"12px"} }>会员营销——多种营销工具，拉新留存用户</p>
							</div>
							<img style={ewm} src="https://zos.alipayobjects.com/rmsportal/vLTNJftaFOKJhLnfixdv.png"/>
						</div>
						<div style={con3}>
							<h1 style={ tit }>我是服务商</h1>
							<div style={tit_boxs}>
								<div className="food" style={user_box} >
									<img src={require("./img/2.jpg").default} style={icon}/>
									<h2 style={{marginTop:"50px"}}>拓展商户</h2>
									<p style={food_txt}>● 帮助商户签约入驻口碑</p>
									<p style={food_txt}>● 帮助商户开户门店、管理员工</p>
								</div>
								<div style={user_box}>
									<img style={icon} src={require("./img/3.png").default}/>
									<h2 style={{marginTop:"50px"}}>运营维护</h2>
									<p style={food_txt}> 帮助商户装修店铺、管理评价、分析数据等</p>
									<p style={food_txt}>使用口碑营销工具，帮助商户进行门店营销</p>
								</div>
								<div style={user_box}>
									<img style={icon} src={require("./img/4.png").default}/>
									<h2 style={{marginTop:"50px"}}>工具推广</h2>
									<p style={food_txt}>● 推广ISV工具，助力口碑生态合作伙伴和商户</p>
								</div>
							</div>	
							<div style={con3_btn}>
								<div style={con3_koubei}> 
									<div style={con3_left}>
										<div style={radius}>
											<img src={require("./img/6.png").default} style={ {margin:"20px 20px"} }/>
											<h2 style={ { textAlign:"center",marginTop:"20px" } }>签约口碑</h2>
										</div>
									</div>
									<div style={con3_left}>
										<div style={radius}>
											<img src={require("./img/6.png").default} style={ {margin:"20px 20px"} }/>
											<h2 style={ { textAlign:"center",marginTop:"20px" } }>服务商户</h2>
										</div>
									</div>
									<div style={con3_left}>
										<div style={radius}>
											<img src={require("./img/6.png").default} style={ {margin:"20px 20px"} }/>
											<h2 style={ { textAlign:"center",marginTop:"20px" } }>获得佣金</h2>
										</div>
									</div>
								</div>
								<div style={cont3_btn}>
								    立即入驻
								</div>
								<p style={ { textAlign:"center",marginTop:"10px"} }>(直属城市入驻请联系 400-826-7710)</p>
							</div>
						</div>		
						<div style={con4}>
							<h1 style={ {color:"white",textAlign:"center",marginTop:"80px" } }>我是开发者</h1>
							<div style={con4_txt}>
								<div style={ con4_opc}>
									<h2 style={ { color:"#fff",textAlign:"center",marginTop:"30px"} }>丰富的API接口</h2>
									<p style={ {color:"white",width:"360px",margin:"0 auto"} }>通过我们提供的丰富的API接口，开发者可以开发并在应用市场上线各类插件，解决门店管理、支付核销、会员营销、数据分析等方面的问题</p>
								</div>
								<div style={ con4_opc}>
									<h2 style={ { color:"#fff",textAlign:"center",marginTop:"30px"} }>清晰的盈利模式</h2>
									<p style={ {color:"white",width:"360px",margin:"0 auto"} }>开放平台还为各种应用提供了清晰的盈利模式，通过应用市场的销售获得回报</p>
								</div>
							</div>
						</div>
						<div style={tit_boxss}>
							<div className="food" style={user_box} >
								<img src={require("./img/2.jpg").default} style={icon}/>
								<h2 style={{marginTop:"50px"}}>拓展商户</h2>
								<p style={food_txt}>● 帮助商户签约入驻口碑</p>
								<p style={food_txt}>● 帮助商户开户门店、管理员工</p>
							</div>
							<div style={user_box}>
								<img style={icon} src={require("./img/3.png").default}/>
								<h2 style={{marginTop:"50px"}}>运营维护</h2>
								<p style={food_txt}> 帮助商户装修店铺、管理评价、分析数据等</p>
								<p style={food_txt}>使用口碑营销工具，帮助商户进行门店营销</p>
							</div>
							<div style={user_box}>
								<img style={icon} src={require("./img/4.png").default}/>
								<h2 style={{marginTop:"50px"}}>工具推广</h2>
								<p style={food_txt}>● 推广ISV工具，助力口碑生态合作伙伴和商户</p>
							</div>
						</div>	
						<div style={con5}>
							<div className="food" style={foodx} >
								<img style={food_img} src="https://gw.alipayobjects.com/zos/rmsportal/myQRtRmalNnAehQkpLSh.jpg"/>
								<div style={radiuss}>
								<img src="https://gw.alipayobjects.com/zos/rmsportal/zzWlvfyCPNwaWVXpqJiN.png" style={ {width:"86px",height:"86px"} }/>
								</div>
								<h2 style={ { marginTop:"80px"} }>米客互联</h2>
								<p style={food_txt}>米客扫码点菜助力金鼎轩</p>
								<p style={food_txt}>让服务员减半，客单量倍升</p>
							</div>
							<div style={foodx}>
								<img style={food_img} src="https://gw.alipayobjects.com/zos/rmsportal/kFZkKuGArfeKxjZCRpji.jpg"/>
								<div style={radiuss}>
								<img src="https://gw.alipayobjects.com/zos/rmsportal/ffWVZMANsptVbVYEYsPp.png" style={ {width:"86px",height:"86px"} }/>
								</div>
								<h2 style={{marginTop:"80px"}}>银盒子</h2>
								<p style={food_txt}>柴门饭儿受益口碑码和银盒子码上付</p>
								<p style={food_txt}>每张餐桌都变流量入口，码上付让餐厅抓住流量红利</p>
							</div>
							<div style={foodx}>
								<img style={food_img} src="https://gw.alipayobjects.com/zos/rmsportal/DXCgKATfFbKjXWXpscQK.jpg"/>
								<div style={radiuss}>
								<img src="https://gw.alipayobjects.com/zos/rmsportal/fmlMYynyymlAQkQirROK.png" style={ {width:"86px",height:"86px"} }/>
								</div>
								<h2 style={{marginTop:"80px"}}>辰森世纪</h2>
								<p style={food_txt}>呷哺呷哺携手辰森餐饮系统</p>
								<p style={food_txt}>700家门店营销效率提升50%，操作成本降低30%</p>
							</div>
							
						</div>	
							<div style={cont3_btn}>
							    立即接入
							</div>
	</>
}
export default Content